<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file="/WEB-INF/include/base.jsp"%>
<!-- 显示分页信息 -->
		<div class="row " >
			<!--分页文字信息  -->
			<div class="col-md-6" id="page_info_area">当前为第${pageInfo.pageNum }
			/${pageInfo.pages }页，总共${pageInfo.total }条记录</div>
			<!-- 分页条信息 -->
			<div class="col-md-6" id="page_nav_area" >
			
				<nav aria-label="Page navigation">
				  <ul class="pagination">
				  
				  	<li>
				      <a  aria-label="Previous" id="fistPage" >
				        <span aria-hidden="true">首页</span>
				      </a>
				    </li>
				  
				  
				    <li disabled="true" id="previousPage"
				    <c:if test="${pageInfo.hasPreviousPage }">
				      	disabled="false" name="${pageInfo.pageNum-1 }"
				    </c:if>
				    >
				      <a  aria-label="Previous"  >
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				     
				   <c:forEach items="${pageInfo.navigatepageNums }" var="num">
				   		<c:choose>
				   			<c:when test="${num eq pageInfo.pageNum}">
				   				<li class="active"><a>${num }</a></li>
				   			</c:when>
				   			<c:otherwise>
				   				<li><a >${num }</a></li>
				   			</c:otherwise>
				   		</c:choose> 
				   </c:forEach>
				    
				    
				    <li   id="nextPage"
				    <c:if test="${pageInfo.hasNextPage }">
				      	disabled="false"  name="${pageInfo.pageNum+1 }"
				    </c:if>>
				      <a  aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				    
				     <li>
				      <a  aria-label="Previous">
				        <span aria-hidden="true">末页</span>
				      </a>
				    </li>
				    
				  </ul>
				</nav>				
				
			</div>
		</div>